<template>
  <div class="footer">
    <div class="content">
      <div class="left">
        <div>京ICP备 13018369号</div>
        <div>电话挂号010-56253825</div>
      </div>
      <div class="right">
        <a href="">联系我们</a>
        <a href="">合作伙伴</a>
        <a href="">用户协议</a>
        <a href="">隐私协议</a>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
 import { defineComponent } from 'vue'
  export default  defineComponent({
    name:'Footer'
  })
</script>
<script lang="ts" setup>
  
</script>

<style scoped>
  .footer{
    width: 100%;
    height: 50px;
    background-color: #f6f5f5;
    margin-top:20px;
  }
  .content{
    width:1200px;
    height:100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    margin: 0 auto;
    color:#7f7f7f;
  }
  .content .left{
    display: flex;
    justify-content: space-around;
  }
  .content .left div{
    margin-right: 10px;
  }
  .content .right{
    display: flex;
    justify-content: space-around;
  }
  .content .right a{
    margin-left:10px;
  }
</style>